@charse "utf-8";

/*===== 重置样式 =====*/
*{
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
body,input,button,select,textarea,table{
	font:12px/1.5 Helvetica,Arial,sans-serif;
}
body{
	background-color:#F3F3F3;
	background-image:url("");
	background-position:0 -60px;
	background-repeat:repeat-x;
	color:#666;
	-webkit-text-size-adjust:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
}
fieldset,img,button,input{border:0 none;}
li{list-style:none;}
a{
	color:#666;
	text-decoration:none;
	outline:none;
	-webkit-tap-highlight-color:transparent;
}

/*========== 布局 ==========*/
	html,body{overflow:hidden; width:100%; height:100%; text-shadow:0 0 1px rgba(194,194,194,0.3);}

	.ui-mobile-viewport-perspective{
		-webkit-perspective:1000;
		position:absolute;
	}
	.ui-mobile-viewport-transitioning,
	.ui-mobile-viewport-transitioning .ui-page{
		width:100%;
		height:100%;
		overflow:hidden;
	}

	.ui-mobile [data-role=page],
	.ui-mobile [data-role=dialog],
	.ui-mobile .ui-page{display:none; position:absolute; left:0; top:0; width:100%;}
	.ui-mobile .ui-page-active{display:block;}

	/*===== 对话框样式 =====*/
	.ui-overlay {
		background: #666;
		opacity: .5;
		filter: Alpha(Opacity=50);
		position: absolute;
		top:0;
		left:0;
		z-index:1;
		width: 100%;
		height: 100%;
	}
	.ui-overlay-shadow {
		-moz-box-shadow: 0px 0px 12px 			rgba(0,0,0,.6);
		-webkit-box-shadow: 0px 0px 12px 		rgba(0,0,0,.6);
		box-shadow: 0px 0px 12px 				rgba(0,0,0,.6);
	}
	.ui-dialog{bottom:0;}
	.ui-mobile .ui-dialog-active{z-index:1000;display:block;}
	.ui-dialog header,.ui-dialog section{margin:15px;z-index:2;}
	.ui-dialog section{margin-top:-15px;}
	.ui-dialog header,.ui-dialog .back{height:30px;line-height:30px;}
	.ui-dialog header {
		height:30px;
		margin-top:30%;
		border: 1px solid 		#ccc;
		background: 			#bbb;
		color: 					#333;
		background-image: -moz-linear-gradient(top, 
								#ddd, 
								#bbb);
		background-image: -webkit-gradient(linear,left top,left bottom,
			color-stop(0, 		#ddd),
			color-stop(1, 		#bbb));
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
	}
	.ui-dialog .back{padding-left:13px;}
	.ui-dialog .back i{top:6px;width:16px;height:16px;}
	.ui-dialog .back span{top:2px;height:23px;line-height:23px;color:#666;}
	.ui-dialog h1{font-size:16px;}
	.ui-dialog section {
		color: 					#333333;
		text-shadow: 0 1px 0 	#fff;
		background: 			#f0f0f0;
		padding:15px;
		position:relative;
	}
	.ui-dialog .btn_2{
		height:28px;
		line-height:28px;
	}
		.ui-dialog-ft{
			margin-top:8px;
		}
	.ui-corner-top {
		-moz-border-radius-topleft: 		.6em;
		-webkit-border-top-left-radius: 	.6em;
		border-top-left-radius: 			.6em;
		-moz-border-radius-topright: 		.6em;
		-webkit-border-top-right-radius: 	.6em;
		border-top-right-radius: 			.6em;
	}
	.ui-corner-bottom {
		-moz-border-radius-bottomleft: 		.6em;
		-webkit-border-bottom-left-radius: 	.6em;
		border-bottom-left-radius: 			.6em;
		-moz-border-radius-bottomright: 	.6em;
		-webkit-border-bottom-right-radius: .6em;
		border-bottom-right-radius: 		.6em;
	}
	/*===== /浮层样式 =====*/

	.nav_gb{position:absolute; z-index:999; left:0; bottom:0; width:100%;}
	.main_gb{bottom:50px;}
		.main_gb header,
		.main_gb section{overflow:hidden; position:absolute; left:0; top:0; width:100%;}
			.main_hd,
			.main_bd{overflow:hidden; position:absolute; left:0; width:100%;}
				.main_hd{
					z-index:2;
					top:0;
					height:40px;
					background:-webkit-gradient(
						linear,
						left top,
						left bottom,
						color-stop(0%,#DDD),
						color-stop(1%,#FFF),
						color-stop(97%,#E2E2E2),
						color-stop(98%,#FFF),
						color-stop(99%,#BFBFBF),
						color-stop(100%,#FFF)
					);
				}
				.main_bd{top:40px; bottom:0;}

		.main_gb section{overflow:hidden; top:44px; bottom:0;}
		.main_gb .inner{padding:10px;}

	/*===== 浮层动画 =====*/

	.pop {
		-webkit-transform-origin: 50% 50%;
	}

	.pop.in {
		-webkit-transform: scale(1);
		opacity: 1;
		-webkit-animation-name: popin;
		z-index: 1000;
	}

	.pop.out.reverse {
		-webkit-transform: scale(.2);
		opacity: 0;
		-webkit-animation-name: popout;
		z-index: 10;
	}

	.pop.in.reverse {
		z-index: 0;
		-webkit-animation-name: dontmove;
	}

	@-webkit-keyframes popin {
		from {
			-webkit-transform: scale(.2);
			opacity: 0;
		}
		to {
			-webkit-transform: scale(1);
			opacity: 1;
		}
	}

	@-webkit-keyframes popout {
		from {
			-webkit-transform: scale(1);
			opacity: 1;
		}
		to {
			-webkit-transform: scale(.2);
			opacity: 0;
		}
	}

	@-webkit-keyframes dontmove {
		from { opacity: 1; }
		to { opacity: 1; }
	}

/*===== 通用组件 =====*/
	/*===== 常用接口 =====*/
		.tit{height:34px; line-height:34px; font-size:14px; color:#333;}
		img{border-radius:2px;}

		.c1{color:#666666!important;}
		.c2{color:#D8275B!important;}
		.c3{color:#784D00!important;}

		.price_1{font-size:26px;}
		.price_1 i{margin-right:5px; font-style:normal; font-size:20px;}
		.price_1 span{font-size:12px;}
		.price_2{color:#D8275B;}

		.box_1,
		.box_2{border-radius:2px; background-color:#FFF;}
		.box_1{border:1px solid #dcdcdc;}
		.box_2{border:1px solid #dcdcdc;}
	
	/*===== 头部 =====*/
		header{
			position:relative;
			height:44px;
			line-height:44px;
			text-align:center;
			color:#FFF;
		}
		header h1{font-size:20px;}
		
		/*=====-------------------------- 需要再次优化 --------------------------=====*/
		.back{
			cursor:pointer;
			position:absolute;
			padding-left:15px;
			height:44px;
			left:5px;
			top:0;
		}
		.back i{
			position:absolute;
			left:4px;
			top:11px;
			width:20px;
			height:20px;
			border:1px solid rgba(0,0,0,0.4);
			border-right:none;
			border-top:none;
			-webkit-transform:rotate(45deg);
		}
		.back span{
			display:block;
			position:relative;
			top:7px;
			padding:0 8px 0 4px;
			height:28px;
			border:1px solid rgba(0,0,0,0.4);
			border-left:none;
			border-radius:0 5px 5px 0;
			line-height:28px;
			font-weight:bold;
			color:#FFF;
		}

	/*===== 按钮 =====*/
		.btn_1{
			display:block;
			width:100%;
			height:28px;
			border-radius:3px;
			border:1px solid #BB0C0C;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#f977b5),
				color-stop(2%,#f44a7c),
				color-stop(98%,#da295d),
				color-stop(100%,#e7377f)
			);
			line-height:28px;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			color:#FFF;
		}
		.btn_1:hover{
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#e7377f),
				color-stop(2%,#da295d),
				color-stop(98%,#f44a7c),
				color-stop(100%,#f977b5)
			);
		}

		.btn_2{
			display:block;
			width:100%;
			height:36px;
			border-radius:3px;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#FFF),
				color-stop(100%,#E2E2E2)
			);
			-webkit-box-shadow:0 0 1px rgba(0,0,0,0.8);
			line-height:36px;
			text-align:center;
		}
		.btn_2:hover{
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#E2E2E2),
				color-stop(100%,#FFFFFF)
			);
		}
/*===== 我的团购 =====*/
	/*===== 登录 =====*/
		.login_form{
			margin:10px 0 15px;
			border-radius:5px;
			background:-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0%,#FFFEFE),
				color-stop(100%,#DFDEDC)
			);
			font-size:16px;
		}
		.login_form li{
			position:relative;
			padding:0 10px 0 90px;
			height:40px;
			border-bottom:1px solid #B9B9B9;
			line-height:40px;
		}
		.login_form li:last-child{
			border-bottom:none;
			border-top:1px solid #FBF7F5;
		}
		.login_form li span{
			position:absolute;
			left:0; top:0;
			width:90px;
			font-weight:bold;
			text-align:right;
		}
		.login_form li input{
			-webkit-appearance:none;
			width:100%;
			height:30px;
			border:0 none;
			background:none;
			line-height:30px;
			font-size:14px;
			font-weight:bold;
		}

	.login_op a{
		margin-bottom:15px;
		height:35px;
		line-height:35px;
		font-weight:bold;
		font-size:18px;
	}
	.login_op label{
		position:absolute;
		font-size:14px;
		font-weight:bold;
	}
	.login_op label:first-child{left:0px;}
	.login_op label:last-child{right:10px;}

	.ipt_vbox_code{height: 40px;line-height: 40px;vertical-align:top;}
	
	.user_info{margin-bottom:10px; padding:10px; line-height:1.8;}
	.user_info p:nth-child(1){font-size:14px;}